<template>
  <div>
    <p :style="{'background-color':color}">我是P标签</p>
    <button @click="getColor">P标签随机背景颜色</button>
  </div>
</template>

<script>
export default {
  data () {
    return {
      color:''
    }
  },
  methods: {
    getColor(){
      let r=Math.floor(Math.random()*255)
      let g=Math.floor(Math.random()*255)
      let b=Math.floor(Math.random()*255)
      this.color=`rgb(${r},${g},${b})`
      // console.log(this.color);

    }
  }
}
</script>

<style>
/* p{
  background-color: rgb(255, 204, 203);
} */
</style>